{include file="common:head" / }
	<body>
		<div class="index-content">
			<!-- 头部 -->

			{include file="common:header" / }

			<!-- 车辆详情 -->
			<div class="carDetail">
				<div class="width1300">
					<div class="carDetail-info clearfix">
						<!-- 轮播图 -->
						<div class="swiper-container" style="/*height: 545px;*/">
							<div class="swiper-wrapper">
								{volist name="banner" id = "item"}
								<div class="swiper-slide"><img src="{$item}"></div>
								{/volist}

							</div>
							<!-- 如果需要导航按钮 -->
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
						<!--  -->
						<div class="detail">
							<h4>{$info.title}</h4>
							<p class="config">配置:<span>{$info.peizhi}</span></p>
							<p class="config">座位:<span>{$info.zuowei}座</span></p>
							<p class="config">驱动:<span>{$info.qudong}</span></p>
							<p class="config">排量:<span>{$info.pailiang}</span></p>
							<div class="car-good">
								<p>车型亮点</p>
								<ul class="clearfix">
									{volist name="liangdian" id = "item"}
									<li><i></i>{$item}</li>
									{/volist}

								</ul>
							</div>
							<p class="consult">咨询底价<b>400-079-6969</b></p>
						</div>
					</div>
					<!-- 车型参数 -->
					<div class="car-param hot-carbuy width1300">
						<div class="title">车型参数</div>
						<div class="car-param-content clearfix">
							<div class="left fl">
								<div class="img-box">
									<img src="{$info.z_img}">
								</div>
								<p>车身尺寸(长宽高)：{$info.chicun}</p>
							</div>
							<ul class="right fr" style="margin-top: 0px;">
								<li class="clearfix" style="line-height:44px" ><b class="fl">最大功率（KW）</b><span class="fl">{$info.gonglv}</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">最高车速</b><span class="fl">{$info.chesu}</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">座位</b><span class="fl">{$info.zuowei}座</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">发动机</b><span class="fl">{$info.fadongji}</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">变速箱</b><span class="fl">{$info.biansuxiang}</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">驱动</b><span class="fl">{$info.qudong}</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">排量</b><span class="fl">{$info.pailiang}</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">排放标准</b><span class="fl">{$info.biaozhun}</span></li>
								<li class="clearfix" style="line-height:44px"><b class="fl">价格区间</b><span class="fl">{$info.jiage}</span></li>
							</ul>
						</div>
					</div>
					
					<!-- 车型展示 -->
					<div class="car-show hot-carbuy width1300">
						<div class="title">车型展示</div>
						<div class="content">
<!--							<img src="../images/官网首页_04.jpg" >-->
							{$info.content|raw}
						</div>
					</div> 
					<!-- 热门推荐 -->
					<div class="carDetai-hot hot-carbuy width1300">
						<div class="title">热门推荐</div>
						<div class="content clearfix">
							{volist name="list" id="item"}
							<div class="recomman-list" onclick="openwin('{:url(\'index/lists/detail\')}' + '?id=' + {$item.id})">
								<div class="img-box">
									<img src="{$item.z_img}" >
								</div>
								<h4>{$item.title}</h4>
								<p>{$item.cate_name}</p>
							</div>
							{/volist}

						</div>
					</div>
				</div>


			{include file="common:footer" /}

			</div>
			<script type="text/javascript" src="__STATIC__/index/js/jquery-3.2.1.min.js"></script>
			<script type="text/javascript" src="__STATIC__/index/js/swiper.min.js"></script>
			<script type="text/javascript" src="__STATIC__/index/js/common.js"></script>
			<script type="text/javascript" src="__STATIC__/index/js/header_move.js"></script>

			<script type="text/javascript">
				var swiper = new Swiper('.swiper-container', {
					autoplay: true,
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					},
				});
				// var swiper2 = new Swiper('.evaluation-container', {
				// 	slidesPerView: 4,
				// 	spaceBetween: 7
				// });
			</script>
	</body>
</html>
